<template>
  <div class="input-wrap">
    <i class="iconfont icon-yuyin"></i>
    <div class="input"></div>
    <i class="iconfont icon-biaoqing"></i>
    <i class="iconfont icon-jia"></i>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
};
</script>
<style scoped lang="scss">
.input-wrap {
  position: relative;
  width: 100%;
  height: 6.5%;
  background-color: rgb(247, 247, 247);
  display: flex;
  align-items: center;
  i {
    // display: inline-block;
    font-size: 30px;
    margin-left: 6px;
    margin-right: 6px;
  }
  .input {
    flex-grow: 1;
    height: 70%;
    background-color: white;
    border-radius: 4px;
  }
}
</style>